@CHARSET "ISO-8859-1";

/* default styles added by the browser removed*/
input, select, textarea {
  margin:0; 
  padding:0; 	
  font-family:Arial;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  box-sizing:border-box;
}

input, textarea { 
    width:12em; 
    border-radius:2px; 
    border: solid 1px #ccc; 
    padding:0.4em; 
    background-color: #f5f5f5;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2); 
}

input[type="submit"], input[type="reset"] { 
     border: solid 1px #ccc; 
     padding:0.4em 0.7em; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
 /*To make the state change a little real*/
	-webkit-transition: background-color 200ms linear;	      /*Safari and Chrome*/
	-moz-transition: background-color 200ms linear; 	      /*Firefox*/
	-o-transition: background-color 200ms linear;	      /*opera*/
	-ms-transition: background-color 200ms linear;
	transition: all 200ms linear;
	background-color: #FFFFFF;
	color:#08088A;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}
input[type="submit"]:hover, input[type="reset"]:hover  , .button:hover{
	background:#08088A;
	color: white;
	font-weight: bold;
}

input[type="text"]:focus
{ 
background-color:yellow;
}

/*
input[type="submit"]:active, input[type="reset"]:active, .button:active{
	background:rgba(255,51,50,1);
}
*/

select { 
    background-image: url('') ; 
    background-repeat:no-repeat;
    background-position:right;
    -webkit-appearance: none /* this is required for Webkit browsers */; 
    -moz-appearance:    none /* this is not supported currently */;
    appearance:         none;
    background-color:#e6e6e5;
    min-width:12em; 
     box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.1); 
    border: solid 1px #ccc; 
    border-radius:5px; 
}

input[type="checkbox"] {
	-webkit-appearance: none;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
	display: inline-block;
	position: relative;
	top: 3px;
	margin: 0 10px;
	padding: 8px;
}

input[type="checkbox"]:checked{
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0 0 10px rgba(0,0,0,0.1);
	background-position:center;
	background-image: url();

}

legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}
fieldset {
	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
}